<template>
    <div>
        <div class="pdfCol" :class="{big:big}"></div>
    </div>
</template>
 
<script>
import { loadPdf } from './pdf1'

export default {
  props:{
     url:String,
     big:Boolean
  },
  data() {
    return {
        dataHtml:'',
        col:'.pdfCol'
    }
  },
  mounted(){
    loadPdf({
         fileSrc:this.url,
         el:this.col
    })
  }
}
</script>
 
<style lang="scss">
    .pdfCol{
        width: 100%;
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0 auto;
        .canvas{
            width: 100%;
        }
    }
    .big{
       height:150px;
    }
</style>